<%@ page language="java"  pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" isELIgnored="false" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">

        #main{
            width: 1000px;
            height: 800px;
            border: 1px solid black;
            margin: 0 auto;
        }
        #header{
            height: 100px;
            border: 1px solid black;
            background-color: blue;
        }
        .header-name{
            padding-left: 20px;
        }
        #menu{
            width: 200px;
            height: 700px;
            float: left;
            border: 1px solid black;
            background-color: aqua;
        }
        #content{
            width: 780px;
            height: 600px;
            float: left;
        }

        #button_a{
            border:none;
            background-color: aqua;
        }

        #button_b{
            border:none;
            background-color: aqua;
        }
    </style>
</head>
<body>
<div id="main">
    <div id="header">
        <h1 class="header-name">XXXXX医院管理系统</h1>
    </div>

    <div id="menu">
        <ul>
            <li><input  id="button_a" type="text" value="医生类别管理"  onclick="f()"/></li>
            <li><input  id="button_b" type="text" value="医生信息" onclick="g()"/></li>
        </ul>
    </div>
    <iframe id="content" name="content-iframe" src="hhhhhUi"  scrolling="auto" frameborder="0"></iframe>
    <script>function f(){var content=document.getElementById('content');content.src='ggggUi'}</script>
    <script>function g(){var content=document.getElementById('content');content.src='hhhhhUi'}</script>
</div>
</body>
</html>